<template>
  <div class="order-details">
    <GoBack :title="title" />
    <Detail :orderId="orderId" />
  </div>
</template>

<script setup>
import Detail from "./orderDetailDiv.vue";
import GoBack from "@/components/GoBack/index.vue";

//接收订单ID
const route = useRoute();
const orderId = ref(route.params.orderId);
const title = ref(route.meta.title);
</script>

<style lang="scss" scoped>
.order-details {
  width: 100%;
  padding: 20px 15px;
  border: 1px solid rgb(232.8, 233.4, 234.6);
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei,
    Helvetica Neue, Helvetica, Arial, sans-serif;
}
</style>
